<template>
  <div class="title_a_wrap">
    <img class="title_a_img" src="../images/titleA_left_bg.png" />
    <span class="title_a_text">{{ props.title }}</span>
  </div>
</template>

<script>
import { defineComponent } from "vue";
export default defineComponent({
  name: "TitleA",
});
</script>
<script setup>
const props = defineProps(["title"]);
</script>

<style lang="scss" scoped>
.title_a_wrap {
  // border: 1px solid red;
  display: flex;
  flex-direction: row;

  .title_a_img {
    width: 30px;
    height: 20px;
    position: relative;
    top: 1px;
    margin-right: 6px;
  }

  .title_a_text {
    font-size: 16px;
    font-family: "fontShuHeiTi";
    letter-spacing: 3px;
  }
}
</style>
